<!-- <div class="nnn">
    <style>
        #topNav {
            width: 100%;
            background-color: #f2f2f2;
        }

        #headerAll {
            width: 100%;
            background-color: white;

        }

        .headerTop {
            width: 1200px;
            height: 30px;
            margin: 0px auto;
        }

        #topNav>.headerTop>ul {
            list-style: none;
            font-size: 12px;
            line-height: 30px;
        }

        #topNav>.headerTop>.htL {
            float: left;
            display: flex;
        }

        #topNav>.headerTop>.htL>li:nth-child(1) {
            padding: 0px 11px;
            margin-right: 20px;
        }

        #topNav>.headerTop>.htL>li:nth-child(2) {
            margin-right: 35px;
        }

        #topNav>.headerTop>.htL>li:last-child {
            padding: 0px 7px;
        }

        #topNav>.headerTop>.htR {
            float: right;
            display: flex;
        }

        #topNav>.headerTop>.htR>li {
            padding: 0px 7px;
        }

    </style>
    <div id="topNav">
        <div class="headerTop">
            <ul class="htL">
                <li>
                    <span>金山区</span>
                    <div></div>
                </li>
                <li>您好，欢迎来到集什商城</li>
                <li>登录</li>
            </ul>
            <ul class="htR">
                <li>我的中心<div class="mySever">
                    <span>个人主页</span>
                <span>我的收藏</span>
                <span>密码修改</span>
                <span>个人资料</span></div>
                </li>
                <li>
                    我的订单
                </li>
                <li>手机集什</li>
            </ul>
        </div>
    </div>
</div> -->
<div class="aaa">
    <style>
        #headerAll>.headerSearch {
            width: 1200px;
            height: 130px;
            margin: 0px auto;
            position: relative;
            font-size: 12px;
        }

        #headerAll>.headerSearch>.hs-logo {
            position: absolute;
            left: 0px;
            margin: 25px 0px 15px;
        }

        #headerAll>.headerSearch>.hs-search {
            position: absolute;
            left: 315px;
        }

        #headerAll>.headerSearch>.hs-search>.hs-search-top {
            border: 2px solid #14b7ee;
            margin: 37px 10px 0 0;
        }

        #headerAll>.headerSearch>.hs-search>.hs-search-top input {
            box-sizing: border-box;
            width: 440px;
            height: 35px;
            padding: 7px 10px;
            border: none;
            border-right: none;
            outline: none;
            /* 去除输入框选中时的外边框样式 */
        }

        #headerAll>.headerSearch>.hs-search>.hs-search-top span {
            font-size: 14px;
            display: inline-block;
            width: 92px;
            height: 36px;
            background-color: #14b7ee;
            line-height: 36px;
            text-align: center;
            cursor: pointer;
        }

        #headerAll>.headerSearch>.hs-search>.hs-search-foot {
            text-align: left;
            clear: both;
            line-height: 18px;
            padding-top: 7px;
            width: 537px;
        }

        #headerAll>.headerSearch>.hs-search>.hs-search-foot a {
            color: #818a92;
            margin-right: 15px;
            cursor: pointer;
        }

        #headerAll>.headerSearch>.hs-shoppingCar {
            position: absolute;
            right: 120px;
            width: 155px;
            height: 40px;
            background-color: #f5f5f5;
            text-align: center;
            line-height: 40px;
            margin: 37px 0 53px;
            cursor: pointer;
        }

        #headerAll>.headerSearch>.hs-shoppingCar a {
            font-size: 12px;
        }

        #headerAll>.headerSearch>.hs-app {
            float: right;
            width: 90px;
            height: 90px;
            margin: 15px 7px 0px 40px;
        }

        #headerAll>.headerSearch>.hs-app img {
            width: 90px;
            height: 90px;
            display: block;
        }

        #headerAll>.headerSearch>.hs-app span {
            display: block;
            text-align: center;

        }

        /* 商品导航栏 */
        #headerAll>.headerNav {
            width: 1200px;
            height: 40px;
            margin: 0px auto;
        }

        #headerAll>.headerNav>.hn-allProductList {
            width: 220px;
            /* height: 40px; */
            float: left;
            /* position: relative; */
            cursor: pointer;
        }

        #headerAll>.headerNav>.hn-allProductList h2 {
            background-color: #02a0e9;
            color: #fff;
            text-align: center;
            line-height: 40px;
            margin: 0px;
            padding: 0px;
            font-size: 20px;
            font-weight: normal;
        }

        #headerAll>.headerNav>ul {
            float: left;
            list-style: none;
            margin: 0px;
            margin-left: 20px;

        }

        #headerAll>.headerNav>ul>li {
            float: left;
            margin-left: 30px;
            font-size: 16px;
            line-height: 40px;
            cursor: pointer;
        }

        #headerAll>.headerNav>ul>li:hover {
            color: #14b7ee;
            background: url(./images/nav.png) 50% 100% no-repeat;
        }
    </style>
    <div id="headerAll">
        <div class="headerSearch">
            <div class="hs-logo">
                <a href="">
                    <img src="./images/FILE10f88910e7964a4284b39e759a9603f6.jpg" alt="">
                </a>
            </div>
            <div class="hs-search">
                <div class="hs-search-top">
                    <input type="text">
                    <span>搜索</span>
                </div>
                <div class="hs-search-foot">
                    <a target="_blank">口罩</a>
                    <a target="_blank">消毒液</a>
                    <a target="_blank">测温仪</a>
                    <a target="_blank">打印机</a>
                    <a target="_blank">文件夹</a>
                    <a target="_blank">卡西欧</a>
                    <a target="_blank">计算器</a>
                    <a target="_blank">复印纸</a>
                </div>
            </div>
            <div class="hs-shoppingCar">
                <a>购物车</a>
                <div></div>
            </div>
            <div class="hs-app">
                <img src="./images/qrcode1.jpg" alt="">
                <span>下载集什APP</span>
            </div>
        </div>
        <div class="headerNav">
            <div class="hn-allProductList">
                <h2>全部商品分类</h2>
                <div></div>
            </div>
            <ul class="hn-list">
                <li>首页</li>
                <li>采购专区</li>
                <li>得力品牌</li>
                <li>工业品商城</li>
                <li>得力家具</li>
                <li>场景采购</li>
                <li>产品定制</li>
                <li>耗材搜索</li>
                <li>福礼商城</li>
                <li>集什采</li>
            </ul>
        </div>
    </div>
</div>
<div class="qqq">
    <style>
        #indexfooter {
            width: 100%;
        }

        #b1,
        #b2 {
            border: 0.5px solid #f2f2f2;
        }

        #indexfooter>.character {
            height: 100px;
            width: 1200px;
            margin: 0px auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 18px;
        }

        #indexfooter>.serve {
            width: 1200px;
            margin: 0px auto;
            position: relative;
        }

        #indexfooter>.serve>.serve-nav {
            overflow: hidden;
            zoom: 1;
            margin-top: 30px;
        }

        #indexfooter>.serve>.serve-nav>dl {
            float: left;
            width: 185px;
            padding-right: 15px;
        }

        #indexfooter>.serve>.serve-nav>dl>dt {
            font-size: 16px;
            color: #333;
            height: 30px;
            margin-bottom: 10px;
            overflow: hidden;
        }

        #indexfooter>.serve>.serve-nav>dl>dd {
            line-height: 30px;
            color: #999;
            font-size: 14px;
            height: 30px;
            overflow: hidden;
        }

        .m-contact {
            position: relative;
        }

        .m-line {
            position: absolute;
            width: 1px;
            background: #E9E9E9;
            height: 80px;
            top: 20px;
            left: -40px;
        }

        .m-contact h3 {
            color: #333;
            font-size: 16px;
            margin-bottom: 32px;
        }

        .m-contact img {
            width: 67px;
        }

        .m-contact .m-wechat {
            overflow: hidden;
            zoom: 1;
        }

        .m-contact .m-wechat .m-fl {
            float: left;
            width: 67px;
            height: 67px;
            overflow: hidden;
        }

        .m-contact .m-wechat .m-fr {
            float: left;
            margin-left: 8px;
            font-size: 12px;
        }

        .indexinformation {
            width: 100%;
            text-align: center;
        }

        .indexinformation>ul {
            width: 1200px;
            border-top: #f2f2f2 1px solid;
            margin: 0px auto;
            overflow: hidden;
        }

        .indexinformation>ul>li {
            float: left;
            font-size: 12px;
            margin: 20px 5px 20px;
            border-left: 1px solid #f2f2f2;
            padding-left: 5px;
        }

        .indexinformation>ul>li:nth-child(1) {
            margin-left: 175px;
            border-left: none;
        }

        .indexinformation>ul>li:nth-child(2) {
            border-left: none;
        }

        .copyright {
            margin-bottom: 20px;
            font-size: 12px;
            color: gray;
        }

        .safety {
            box-sizing: border-box;
            background-clip: padding-box;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
            line-height: 24px;
            color: rgb(153, 153, 153);
            text-align: center;
            font-size: 12px;
            white-space: normal;
            background-color: rgb(255, 255, 255);
            margin-bottom: 20px;
        }

        .safety img {
            width: 122px;
            height: 52px;
        }
    </style>
    <div id="indexfooter">
        <div id="b1"></div>
        <div class="character">
            <p>正品保障 购物无忧</p>
            <p>全类覆盖 一站购齐</p>
            <p>全国配送 送货到桌</p>
            <p>专业客服 贴身顾问</p>
        </div>
        <div id="b2"></div>
        <div class="serve">
            <div class="serve-nav">
                <dl>
                    <dt>新手入门</dt>
                    <dd>网站地图</dd>
                    <dd>购物流程</dd>
                    <dd>发票制度</dd>
                    <dd>用户服务协议</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>公司转账</dd>
                    <dd>网上支付</dd>
                </dl>
                <dl>
                    <dt>配送服务</dt>
                    <dd>配送服务与时效说明</dd>
                    <dd>商品验货与签收</dd>
                </dl>
                <dl>
                    <dt>售后保障</dt>
                    <dd>退换货政策</dd>
                    <dd>退换货流程</dd>
                </dl>
                <dl>
                    <dt>关于集什</dt>
                    <dd>公司简介</dd>
                    <dd>在线客服</dd>
                    <dd>联系我们</dd>
                </dl>
            </div>
            <div class="g-sd2"
                style="position: absolute;top:0px;left: 1200px; float: right; width: 220px; margin-left: -220px;">
                <div class="m-contact"><s class="m-line"></s>
                    <h3>微信公众号</h3>
                    <div class="m-wechat">
                        <div class="m-fl"><img src="./images/FILEee2fbfe070674f8abaab10ff026a2cee.jpg">
                        </div>
                        <div class="m-fr">
                            <p>扫一扫！关注集什商城</p>
                            <p>客服热线：400-168-0888</p>
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="indexinformation">
            <ul>
                <li><a href="">友情链接：</a></li>
                <li><a href="">得力集团</a></li>
                <li><a href="">得力商城</a></li>
                <li><a href="">集什商城</a></li>
                <li><a href="">企业采购</a></li>
                <li><a href="">办公采购</a></li>
                <li><a href="">办公采购网</a></li>
                <li><a href="">企业办公采购</a></li>
                <li><a href="">办公用品</a></li>
                <li><a href="">办公用品采购</a></li>
                <li><a href="">办公文具采购</a></li>
                <li><a href="">企业办公用品</a></li>
            </ul>
            <div class="copyright">
                <span>copyright &copy; 2014-2020</span>
                <a href="">集什商城</a>
                <span>版权所有</span>
                <a href="">浙ICP备18053989号-1</a>
                <a href="">浙公网安备99999999999号</a>
            </div>
            <p class="safety">
                <a><img
                        src="https://img.jslink.com/front/fileserver/image/FILE32d4af30c33b49af8094690c10df5b3d.jpg"></a>&nbsp;&nbsp;<a>
                    <img
                        src="http://img.jslink.com/front/fileserver/image/FILEb9cedd9aaf2d41eaad3bc90f42314739.jpg"></a>&nbsp;&nbsp;<a>
                    <img
                        src="https://img.jslink.com/front/fileserver/image/FILE28a6461fb7824eb2a30576fdcd76b396.jpg"></a>&nbsp;&nbsp;<a>
                    <img
                        src="https://img.jslink.com/front/fileserver/image/FILEcb28b5433683414cabf632791520ec55.jpg"></a>&nbsp;&nbsp;<a>
                    <img
                        src="https://img.jslink.com/front/fileserver/image/FILE8743eceb96c5468bbeb48f323fd72a39.jpg"></a>
            </p>
        </div>
    </div>
</div>
<div class="fff">
    <style>
                .indexinformation {
            width: 100%;
            text-align: center;
        }

        .indexinformation>ul {
            width: 1200px;
            border-top: #f2f2f2 1px solid;
            margin: 0px auto;
            overflow: hidden;
        }

        .indexinformation>ul>li {
            float: left;
            font-size: 12px;
            margin: 20px 5px 20px;
            border-left: 1px solid #f2f2f2;
            padding-left: 5px;
        }

        .indexinformation>ul>li:nth-child(1) {
            margin-left: 175px;
            border-left: none;
        }

        .indexinformation>ul>li:nth-child(2) {
            border-left: none;
        }

        .copyright {
            margin-bottom: 20px;
            font-size: 12px;
            color: gray;
        }

        .safety {
            box-sizing: border-box;
            background-clip: padding-box;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
            line-height: 24px;
            color: rgb(153, 153, 153);
            text-align: center;
            font-size: 12px;
            white-space: normal;
            background-color: rgb(255, 255, 255);
            margin-bottom: 20px;
        }

        .safety img {
            width: 122px;
            height: 52px;
        }
    </style>
    <div class="indexinformation">
        <ul>
            <li><a href="">友情链接：</a></li>
            <li><a href="">得力集团</a></li>
            <li><a href="">得力商城</a></li>
            <li><a href="">集什商城</a></li>
            <li><a href="">企业采购</a></li>
            <li><a href="">办公采购</a></li>
            <li><a href="">办公采购网</a></li>
            <li><a href="">企业办公采购</a></li>
            <li><a href="">办公用品</a></li>
            <li><a href="">办公用品采购</a></li>
            <li><a href="">办公文具采购</a></li>
            <li><a href="">企业办公用品</a></li>
        </ul>
        <div class="copyright">
            <span>copyright &copy; 2014-2020</span>
            <a href="">集什商城</a>
            <span>版权所有</span>
            <a href="">浙ICP备18053989号-1</a>
            <a href="">浙公网安备99999999999号</a>
        </div>
        <p class="safety">
            <a><img
                    src="https://img.jslink.com/front/fileserver/image/FILE32d4af30c33b49af8094690c10df5b3d.jpg"></a>&nbsp;&nbsp;<a>
                <img
                    src="http://img.jslink.com/front/fileserver/image/FILEb9cedd9aaf2d41eaad3bc90f42314739.jpg"></a>&nbsp;&nbsp;<a>
                <img
                    src="https://img.jslink.com/front/fileserver/image/FILE28a6461fb7824eb2a30576fdcd76b396.jpg"></a>&nbsp;&nbsp;<a>
                <img
                    src="https://img.jslink.com/front/fileserver/image/FILEcb28b5433683414cabf632791520ec55.jpg"></a>&nbsp;&nbsp;<a>
                <img
                    src="https://img.jslink.com/front/fileserver/image/FILE8743eceb96c5468bbeb48f323fd72a39.jpg"></a>
        </p>
    </div>
</div>